<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
        }
        .q1{
            height: 90px;
            background-color: white;
        }
        .logo{
            margin: 10px auto;
            width: 1100px;
            height: 30px;
            background-color: white;
            justify-content: space-between;
            display: flex;
        }
        .nav ul li a{
            display: inline-block;
            text-decoration: none;
            width: 100px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color:black ;
          
        }
        .nav ul li{
            background:url(./images/nav_border.png) no-repeat ;
        }
        .nav{
            background:url(./images/nav_bg.png) ;
            border-top:solid rgb(206, 206, 206) 1px ;
                        
        }
        .nav ul li a:hover{
            background:none;
            background-color: rgb(215, 230, 232);
            color: rgb(100, 98, 98);
            /* font-size: 18px; */
        }
        .nav ul{
            display: flex;
           margin: auto;
           width: 600px;
        }
        .image{
            margin: auto;
            width: 1100px;
            height: 748px;
        }
        .notice1{
            width: 1100px;
            display: flex;
            justify-content: space-between;
            margin: auto;
            background-color: #f5f4f8;
            font-size: 14px;
            padding: 4px 0;
            align-items: center;
            border-bottom:solid 1px rgb(206, 206, 206) ;
            border-top:solid 1px rgb(206, 206, 206) ;
          
        }
        .notice{
           
            background-color: #f5f4f8;
        }
        .w1{
            width: 1100px;
            height: 250px;
            background-color: white;
            margin:20px auto;
            display: flex;
            justify-content:space-between ;
        }
        .w1>div{
            background-color: white;
            border: solid rgb(190, 189, 189) 1px;
        }
        .img{
            width: 330px;
        }
        .font{
            display: flex;
            margin: 15px 10px 0 10px;
            width: 95px;
            justify-content: space-between;
        }
        .font>p{
            font-weight: 700;
            color: rgb(76, 184, 5);
        }
        
        .img-inter{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px;
            padding:0 8px 5px 8px;
        }
        .new{
            width: 420px;
            height: 250px;
        }
        .new-top{
            display: flex;
            justify-content: space-between;
        }
        .font1{
           display: flex;
            margin: 15px 10px 0 10px;
            width: 95px;
            justify-content: space-between;
        }
        .font1>p{
            font-weight: 700;
            color: rgb(76, 184, 5);
        }
        .news{
            width: 350px;
            height: 200px;
            margin: auto;
        }
        .news li{
            border-bottom: gray  1px dashed ;
            height: 32px;
            line-height: 32px;
        }
        .new a{
             text-decoration: none;
             font-size: 14px;
             color: rgb(102, 98, 98);
        }
         .news-1 a{
            color: red;
            font-weight: 700;
        }
         .new-top a{
            font-size: 16px;
             margin: 15px 10px 0 10px;
             color: rgb(95, 92, 92);
        }
        .after-font1{
            margin-top: 15px;
        }
        .news .news-2 a:hover{
            color: #e5a84c;
            font-size: 15px;
        }
        .support{
            width: 330px;
            height: 250px;
        }
        .font2{
            display: flex;
            margin: 15px 10px 0 10px;
            width: 110px;
            justify-content: space-between;
        }
        .font2>p{
            font-weight: 700;
            color: rgb(76, 184, 5);
        }
        .support-1 li{
           background: url(./images/sbg.png) no-repeat left ;
           padding:5px 0 3px 5px ;
           font-size: 14px;
        }
        .support-1 li a{
            text-decoration: none;
            color: rgb(102, 98, 98);
        }
        .support-1 a:hover{
            color: #e5a84c;
            font-size: 15px;
        }
        .support-1{
            margin-left: 30px;
        }
        .support-2{
            color: rgb(102, 98, 98);
            font-size: 14px;
            margin-left: 30px;
            padding-top: 30px;
        }
        .end{
            /* height: 360px; */
            background-color: rgb(49, 44, 44);
        }
        .end a:hover{
            color: #e5a84c;
        }
        .end-inter{
            width: 1100px;
           
            margin: auto;
            display: flex;
            justify-content: space-between;
        }
        .end-inter a{
            text-decoration: none;
        }
        .e-1{
            color: rgb(192, 187, 187);
            font-size: 14px;
            padding: 0 0 0 10px;
        }
        .e-2{
            margin-top: 12px;
            padding-left:10px ;
        }
        .e-2 a{
            color: rgb(114, 110, 110);
            font-size: 12px;
        }
        .end-top{
            border-bottom: dashed 1px rgb(102, 98, 98);
            padding-bottom: 40px;
        }
        .e1{
            margin-top: 15px;
        }
        .final p{
            font-size: 12px;
            padding: 5px;
        }
        .w{
            margin: auto;
            height: 20px;
            width: 45px;
        }
    </style>
</head>
<body>
    <div class="q1">
        <div class="logo">
            <img src="./images/logo.png" alt="error">
            <img src="./images/search.png" alt="error">
        </div>
        <div class="nav">
            <ul>
                <li><a href="#n">首页</a></li>
                <li><a href="#">智能手机</a></li>
                <li><a href="#">平板电脑</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">关于合作</a></li>
                <li>&nbsp;</li>
            </ul>
        </div>
    </div>
    <div class="image">
        <img src="./images/banner.png" alt="error" width="1100px" height="748px">
    </div>
    <div class="notice">
        <div class="notice1">
            <p>最新公告：  尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</p>
            <img src="./images/share.png" alt="error" width="86px" height="16px">
        </div>
    </div>
    <div class="w1">
        <div class="img">
            <div class="font">
                <img src="./images/jiantou.png" alt="error" width="20px" height="20px">
                <p>新品发布</p>
            </div>
           <div class="img-inter">
            <img src="./images/left_icon.png" alt="error" width="32px" height="50px">
            <img src="./images/shouji.png" alt="error" width="140px" height="170px">
            <img src="./images/right_icon.png" alt="error" width="32px" height="50px">
           </div>
        </div>
        <div class="new">
            <div class="new-top">
                <div class="font1">
                <img src="./images/jiantou.png" alt="error" width="20px" height="20px">
                <p>新闻中心</p>
            </div>
            <div class="after-font1"><a href="#">更多</a></div>
            </div>
            <div class="news">
                <ul>
                    <li class="news-1"><a href="#">致歉公告</a></li>
                    <li class="news-2"><a href="#">首批尚合Aonet已全部售馨</a></li>
                    <li class="news-2"><a href="#">【媒体报导】国产高性价比尚合Aonet四核手机评测</a></li>
                    <li class="news-2"><a href="#">我司产品已经通过了强制性产品3c认证</a></li>
                    <li class="news-2"><a href="#">尚合Aonet智能手机入网证已经获工信部门审批下发</a></li>
                    <li class="news-2"><a href="#">我司通过ISO9001:2008国际质量管理体系认证</a></li>
                </ul>
            </div>
        </div>
        <div class="support ">
            <div class="font2">
                <img src="./images/jiantou.png" alt="error" width="20px" height="20px">
                <p>技术与支持</p>
            </div>
            <div class="support-1">
                <ul>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">投诉与建议</a></li>
                    <li> <a href="#">联保网点</a></li>
                    <li><a href="#">常见问题FAQ?</a></li>
                </ul>
            </div>
            <div class="support-2">
                深圳市汇聚众和科技发展有限公司<br>
                服务热线：400-633-7922
            </div>
        </div>
    </div>
    <a name="n"></a>
    <div class="end">
       <div class="end-top">
        <div class="end-inter">
            <div class="e1">
                <p class="e-1">尚合首页</p>
                <div class="e-2"><a href="#n">返回首页</a></div>
            </div>
            <div class="e1">
                <p class="e-1">智能手机</p>
                <div class="e-2">
                    <a href="#">Aone-T</a><br>
                    <a href="#">Aone</a>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">平板电脑</p>
                <div class="e-2">
                    <a href="#">尚PAD S200</a><br>
                    <a href="#">尚PAD S100</a><br>
                    <a href="#">尚PAD SH-Q7</a><br>
                    <a href="#">尚PAD SH-Q5</a>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">配件中心</p>
                <div class="e-2">
                    <a href="#">Aone 智能手机</a>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">服务与支持</p>
                <div class="e-2">
                    <a href="#">售后服务</a><br>
                    <a href="#">投诉与建议</a><br>
                    <a href="#">联保网点</a><br>
                    <a href="#">常见问题FAQ</a><br>
                    <a href="#">订单查询</a><br>
                    <a href="#">下载专区</a>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">关于我们</p>
                <div class="e-2">
                    <a href="#">公司介绍</a><br>
                    <a href="#">企业文化</a><br>
                    <a href="#">工作机会</a><br>
                    <a href="#">法律声明</a><br>
                    <a href="#">联系我们</a><br>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">新闻中心</p>
                <div class="e-2">
                    <a href="#">公司新闻</a><br>
                    <a href="#">媒体报导</a><br>
                    <a href="#">行业动态</a>
                </div>
            </div>
            <div class="e1">
                <p class="e-1">常用链接</p>
                <div class="e-2">
                    <a href="https://www.baidu.com" target="_blank">百度</a><br>
                    <a href="http://www.google.com" target="_blank">Google</a><br>
                    <a href="https://www.sina.com.cn" target="_blank">新浪微博</a>
                </div>
            </div>
            <div class="e2">
                <img src="./images/top.png" alt="error">
            </div>
        </div>
       </div>
       <div class="final">
        <p align="center">2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
        <p align="center">经营许可证编号：粤ICP备11077821号-1</p>
        <div class="w"><img src="./images/bottom_logo.png" alt="error"></div>
       </div>
    </div>
</body>
</html>